/* CSS Document */
@media screen and (max-width: 1180px) {
	
	.top{ width:96%; padding:0 2%;}
    .header .logo{ width:300px; padding:15px 0;}
	.header .logo img{ width:100%; padding:10px 0;}
    .header #nav{ padding:0 20px; position:relative;}
	.header ul li.navitem{ margin-left:25px;}
	.shopping-cart ul{ padding-left:0; right:-22px;}
	
	h2.eng_title{ font-size:54px;}
	
	.globalbox { width: 71%;}
	

	.about_text img{  width:45%;}
	.about_text .writing{ width:53%; margin-top:18px;}
	.spec-scroll{ width:325px;}
	
	.ind_box3 .left{ width:43%;}
	.ind_box3 .right{ width:55%;}
	.ind_box3 .right li .num{ width:20%;}
	.ind_box3 .right li .wz{ width:75%;}
	
	.ny-news-right{ float:right; width:54%;}
	.ny-news-right h2{ margin-bottom:10px;}
	.ny-news-right h3{ padding-bottom:5px;}
	
	.pro_left{ width:62%;}
	.pros_right{width:34%;}


}

@media screen and (max-width: 980px)  {
	 .top{position:relative;}
	 .header .logo img{ padding:0;}
	 
	 .header #nav{ display:none;}
	 .nav_right{ padding:26px 0 0 15px;}
	 .shopping-cart{ display:none;}
	 .mobile-inner{ display:block; margin-top:5px;}
	 .nav_right{ position:absolute;right:80px;}
	 .search .ssk{ top:61px;} 
	 .banner{ padding-top:60px;}
	 
	 h2.eng_title{ font-size:50px;}
	 

	 .writing{ height:253px; overflow:hidden;}
	 .writing p:nth-child(1){ height:168px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
	 .writing p:nth-child(2){ display:none;}
      .pro_pic_list ul{margin-left:-2%;}
	  .pro_pic_list ul li{ width:31.3%; margin-left:2%;}
	  .pro_pic_list ul li a{ margin:0;}
	  .ind_box3 .right li .wz{ width:79%;}
	  .ind_box3 .right li{padding: 11px 10px 0 20px;}
	  .x3_bt{ width:70%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	  .ind_box3 .right li .num{ width:16%; font: 60px/60px "Arial";}
	  
      .subnav_column{ display:none;}
	 .subnav_columns{ display:block;}
	 
	 
	 .ny-news-img { width: 100%; margin: 0 0 2% 0;}
	 .ny-news-right { width: 100%;}
	 
	 
	 .pro_left{ width:100%;}
	 .jqzoom {width:99%;height:99%;}
	 .pros_right{width:100%;}
    

}


@media screen and (max-width: 720px)  {
	.top{ overflow:visible;}
	.header #nav{ display:none;}
	.shopping-cart{ display:none;}
	.mobile-inner{ display:block;}
	
	.searchss{ display:none;}
	.box_index{ margin-top:50px;}
	
	 h2.eng_title{ font-size:46px;}
	
	
	.pro_pic_list ul li{ width:48%;}
	.pro_list_title li{ width:100%;}
	
	.flex-direction-nav li a.flex-prev,.flex-direction-nav li a.flex-next{ display:none;}
	.about{ background-size:cover; }
	
	.about_text img{ width:100%;}
	.about_text .writing{ width:100%; overflow:visible; height:auto;}
	.writing p:nth-child(1){ height:auto; overflow:visible; display:block;}
	.writing p:nth-child(2){ display:block;}
	
	.ind_box3 .left{ width:100%; margin-bottom:30px;}
	.ind_box3 .right{ width:100%;}
	.ind_box3 .right li .num{ font: 80px/80px "Arial";}
	.ind_box3 .right li .wz{ width:82%;}
	
    .globalbox { width: 100%;}
	.subnav_columns { display: block; width: 100%; margin: 6% 0;}
	.subnav_columns ul { padding: 0;}
	

}


@media screen and (max-width: 600px){
	
   	.ind_box3 .right li .num{ font: 65px/65px "Arial";}

}

@media screen and (max-width: 578px){
	#contactlist #contactinfo{ width:100%; float:none;} 
	.footer-code{ display:none;}
	#contactinfo p.ellipsis{ width:auto; display:inline-block; margin-right:10px;}
	#contactlist #contactform{width:100%; margin:20px 0 0 0;}
}
@media screen and (max-width: 500px){
	
   	.pro_pic_list ul li{ width:98%;}
	.ind_box3 .right li .num{ display:none;}
	.ind_box3 .right li{ margin:0; padding:0 2%;}
	.ind_box3 .right li .wz{ width:100%;}
}


@media screen and (max-width:430px){
	
  h2.eng_title{ font-size:35px;}

} 
@media screen and (max-width:410px){
	
.header .logo{ padding:10px 0;}
.header .logo img:nth-child(1){ display:none;}
.header .logo img.second{ display:block !important; width:150px; }
.spec-scroll{ width:245px;}
} 

@media screen and (max-width:300px){
 .nav_right{right:60px;}
 .x3_sm{ width:100%; overflow:hidden;  text-overflow:ellipsis;}
 .clear{ height:40px;}
 
}